import Vue from "vue";
import VueRouter from "vue-router";
import Home from "../views/Home.vue";

Vue.use(VueRouter);

const routes = [{
        path: "/",
        name: "Home",
        component: Home,
    },
    {
        path: "/my",
        name: "My",
        // route level code-splitting
        // this generates a separate chunk (about.[hash].js) for this route
        // which is lazy-loaded when the route is visited.
        component: () =>
            import ( /* webpackChunkName: "about" */ "../views/My.vue"),
    },
    {
        path: "/settle",
        name: "Settle",
        component: () =>
            import ("../views/SettleAccounts.vue"),
    },
    {
        path: "/orderForm",
        name: "OrderForm",
        component: () =>
            import ("../views/OrderForm.vue"),
    },
    {
        path: "/demo",
        name: "Demo",
        component: () =>
            import ("../views/Demo.vue"),
    },
    {
        path: "/pay",
        name: "Pay",
        component: () =>
            import ("../views/Pay.vue"),
    },
];

const router = new VueRouter({
    mode: "history",
    base: process.env.BASE_URL,
    routes,
});

export default router;